<!doctype html>
<html>
	<meta charset="utf-8">
	<title>Using multiple versions of jQuery</title>
	
	<!-- load jQuery 1.1.3 -->
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.1.3.js"></script>
	<script type="text/javascript" src="jquery.dimensions.min.js"></script>
	
	<!-- revert global jQuery and $ variables and store jQuery in a new variable -->
	<script type="text/javascript">
	var jQuery_1_1_3 = $.noConflict(true);
	</script>
	
	<!-- load jQuery 1.3.2 -->
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.js"></script>
	
	<!-- revert global jQuery and $ variables and store jQuery in a new variable -->
	<script type="text/javascript">
	var jQuery_1_3_2 = $.noConflict(true);
	</script>
	
	<script type="text/javascript">
	// use jQuery 1.1.3
	(function($) {
		$(document).ready(function() {
			$('<button>Use jQuery 1.1.3</button>')
				.click(function() {
					alert('Top: ' + $(this).offset().top + '\n' +
						'jQuery: ' + $.fn.jquery);
				})
				.appendTo('body');
		});
	})(jQuery_1_1_3);
	
	// use jQuery 1.3.2
	(function($) {
		$(document).ready(function() {
			$('<button>Use jQuery 1.3.2</button>')
				.click(function() {
					alert('Top: ' + $(this).offset().top + '\n' +
						'jQuery: ' + $.fn.jquery);
				})
				.appendTo('body');
		});
	})(jQuery_1_3_2);
	</script>
</head>
<body>

<p>This is an example from the Nemikor Blog article <a href="http://blog.nemikor.com/2009/10/03/using-multiple-versions-of-jquery/">Using multiple versions of jQuery</a>.</p>


</body>
</html>
